<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" type="text/css" media="screen" href="vdjo.css" />
		<title>vdjo.com</title> 
	</head>
	<body>
		<div id="menu">logged in as <a href="#">hongaar</a> &nbsp; <a href="#">profile</a> &nbsp; <a href="#">logout</a> &nbsp; <a href="#">help</a></div>
		<div id="logo"><img src="images/logo.png" width="263" height="77" alt="vdjo.com" /></div>		
		<div id="wrapper">
			<div id="wrapper-upper"></div>
			<div id="contents">
				<div id="vid1-wrapper">
					<div id="vid1-title"><img src="images/title-play.png" width="11" height="11" alt="" /><a href="#">Bad Religion</a> - <a href="#">Suffer</a></div>
					<div id="vid1-object">
						<div id="vid1-enhance-button"><a href="#"></a></div>
						<img src="images/video1.png" height="329" width="425" alt="Video 1" />
					</div>
				</div>
				<div id="vid2-wrapper">
					<div id="vid2-title"><img src="images/title-pause.png" width="11" height="11" alt="" /><a href="#">Roots Manuva</a> - <a href="#">Awfully Deep</a></div>
					<div id="vid2-object">
						<div id="vid2-enhance">
							<a href="#" class="enhance-save">save</a>
							<span class="enhance-labels">artist<br/>title<br/>flags</span>
							<span class="enhance-fields">
								<input type="text" size="23" value="Roots Manuva" /><br/>
								<input type="text" size="23" value="Awfully Deep" />
							</span>
							<span class="enhance-flags">
								<a href="#">bad quality</a>
								<a href="#">live</a>
								<a href="#">no music</a>
							</span>
						</div>
						<div id="vid2-enhance-button"><a href="#"></a></div>						
						<img src="images/video2.png" height="329" width="425" alt="Video 2" />
					</div>
				</div>
				<div class="clear"></div>
				<div id="controls">
					<div id="vid1-pp-button"><a href="#"></a></div>
					<div id="vid1-slider">
						<div id="vid1-slider-bar"></div>
						<div id="vid1-slider-buffer"></div>
						<div id="vid1-slider-knob"></div>
					</div>
					<div id="fader-bar"></div>
					<div id="fader-knob"></div>
					<div id="vid2-slider">
						<div id="vid2-slider-bar"></div>
						<div id="vid2-slider-buffer"></div>
						<div id="vid2-slider-knob"></div>
					</div>
					<div id="vid2-pp-button"><a href="#"></a></div>
				</div>
				<div id="side-wrapper">
					<div id="autodj">
						<div id="tabs-autodj">
							<a id="tab-autodj" href="#"></a>
						</div>
						<div id="autodj-switch"><a href="#"></a></div>
						<div id="autodj-next"><a href="#"></a></div>			
					</div>
					<div id="side">
						<div id="tabs-side">
							<a id="tab-playlist" href="#"></a>
							<a id="tab-np" href="#"></a>
						</div>
						<div id="playlist">
							<div class="pl-item">
								<div class="pl-artist">Pearl Jam</div>
								<div class="pl-title">Alive</div>
								<div class="pl-controls">
									<div class="removefrom-playlist"><a href="#">remove from playlist</a></div>
									<div class="pl-cue-left"><a href="#">cue left</a></div>
									<div class="pl-cue-right"><a href="#">cue right</a></div>
								</div>
							</div>
							<div class="pl-item">
								<div class="pl-artist">Madonna</div>
								<div class="pl-title">Like a Virgin</div>
								<div class="pl-controls">
									<div class="removefrom-playlist"><a href="#">remove from playlist</a></div>
									<div class="pl-cue-left"><a href="#">cue left</a></div>
									<div class="pl-cue-right"><a href="#">cue right</a></div>
								</div>
							</div>
							<div class="pl-item">
								<div class="pl-artist">Shantel</div>
								<div class="pl-title">Bucovina Club</div>
								<div class="pl-controls">
									<div class="removefrom-playlist"><a href="#">remove from playlist</a></div>
									<div class="pl-cue-left"><a href="#">cue left</a></div>
									<div class="pl-cue-right"><a href="#">cue right</a></div>
								</div>
							</div>
							<div class="pl-item">
								<div class="pl-artist">Pendulum</div>
								<div class="pl-title">Tarantula (Pendulum VS...</div>
								<div class="pl-controls">
									<div class="removefrom-playlist"><a href="#">remove from playlist</a></div>
									<div class="pl-cue-left"><a href="#">cue left</a></div>
									<div class="pl-cue-right"><a href="#">cue right</a></div>
								</div>
							</div>
							<div class="pl-item">
								<div class="pl-artist">Pearl Jam</div>
								<div class="pl-title">Alive</div>
								<div class="pl-controls">
									<div class="removefrom-playlist"><a href="#">remove from playlist</a></div>
									<div class="pl-cue-left"><a href="#">cue left</a></div>
									<div class="pl-cue-right"><a href="#">cue right</a></div>
								</div>
							</div>
							<div class="pl-item">
								<div class="pl-artist">Madonna</div>
								<div class="pl-title">Like a Virgin</div>
								<div class="pl-controls">
									<div class="removefrom-playlist"><a href="#">remove from playlist</a></div>
									<div class="pl-cue-left"><a href="#">cue left</a></div>
									<div class="pl-cue-right"><a href="#">cue right</a></div>
								</div>
							</div>
							<div class="pl-item">
								<div class="pl-artist">Shantel</div>
								<div class="pl-title">Bucovina Club</div>
								<div class="pl-controls">
									<div class="removefrom-playlist"><a href="#">remove from playlist</a></div>
									<div class="pl-cue-left"><a href="#">cue left</a></div>
									<div class="pl-cue-right"><a href="#">cue right</a></div>
								</div>
							</div>
							<div class="pl-item">
								<div class="pl-artist">Pendulum</div>
								<div class="pl-title">Tarantula (Pendulum VS...</div>
								<div class="pl-controls">
									<div class="removefrom-playlist"><a href="#">remove from playlist</a></div>
									<div class="pl-cue-left"><a href="#">cue left</a></div>
									<div class="pl-cue-right"><a href="#">cue right</a></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div id="main">
					<div id="tabs-main">
						<a id="tab-search" href="#"></a>
						<a id="tab-tags" href="#"></a>
						<a id="tab-lists" href="#"></a>
						<a id="tab-enhance" href="#"></a>
					</div>
					<div id="search-field"><input type="text" size="20" /></div>
					<div id="search-button"></div>
					<div id="search-results">
						<div class="result">
							<div class="result-cover">
								<img src="images/cover1.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Pendulum</div>
							<div class="result-title">Fasten your seatbelts</div>
							<div class="result-meta">6:01 &nbsp; <a href="#">youtube.com</a> &nbsp; electronic &nbsp; drumnbass &nbsp; dance</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#" onclick="player[0].cue('UINhE8L1yXg');">cue left</a></div>
								<div class="cue-right"><a href="#" onclick="player[1].cue('UINhE8L1yXg');">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover2.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Pendulum</div>
							<div class="result-title">Tarantula (Pendulum Vs. Fresh Ft. Spyda &amp; Tenor F...</div>
							<div class="result-meta">3:45 &nbsp; <a href="#">youtube.com</a> &nbsp; drumnbass</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#" onclick="player[0].cue('vxW1pdIvEzA');">cue left</a></div>
								<div class="cue-right"><a href="#" onclick="player[1].cue('vxW1pdIvEzA');">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover3.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Pendulum</div>
							<div class="result-title">Through the Loop</div>
							<div class="result-meta">2:18 &nbsp; <a href="#">youtube.com</a> &nbsp; drumnbass &nbsp; dance</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#">cue left</a></div>
								<div class="cue-right"><a href="#">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover4.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Black Sun Empire</div>
							<div class="result-title">The Sun VIP (ft. Concord Dawn)</div>
							<div class="result-meta">6:26 &nbsp; <a href="#">youtube.com</a> &nbsp; hiphop &nbsp; dance</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#">cue left</a></div>
								<div class="cue-right"><a href="#">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover5.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Roni Size</div>
							<div class="result-title">Rise Up</div>
							<div class="result-meta">4:55 &nbsp; <a href="#">youtube.com</a> &nbsp; electronic &nbsp; drumnbass</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#">cue left</a></div>
								<div class="cue-right"><a href="#">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover6.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Chase &amp; Status</div>
							<div class="result-title">Take Me Away</div>
							<div class="result-meta">4:28 &nbsp; <a href="#">youtube.com</a> &nbsp; breakbeat &nbsp; dance</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#">cue left</a></div>
								<div class="cue-right"><a href="#">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover1.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Pendulum</div>
							<div class="result-title">Hold Your Color</div>
							<div class="result-meta">4:40 &nbsp; <a href="#">youtube.com</a> &nbsp; drumnbass &nbsp; dance</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#">cue left</a></div>
								<div class="cue-right"><a href="#">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover1.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Pendulum</div>
							<div class="result-title">Fasten your seatbelts</div>
							<div class="result-meta">6:01 &nbsp; <a href="#">youtube.com</a> &nbsp; electronic &nbsp; drumnbass &nbsp; dance</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#">cue left</a></div>
								<div class="cue-right"><a href="#">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover2.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Pendulum</div>
							<div class="result-title">Tarantula (Pendulum Vs. Fresh Ft. Spyda &amp; Tenor F...</div>
							<div class="result-meta">3:45 &nbsp; <a href="#">youtube.com</a> &nbsp; drumnbass</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#">cue left</a></div>
								<div class="cue-right"><a href="#">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover3.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Pendulum</div>
							<div class="result-title">Through the Loop</div>
							<div class="result-meta">2:18 &nbsp; <a href="#">youtube.com</a> &nbsp; drumnbass &nbsp; dance</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#">cue left</a></div>
								<div class="cue-right"><a href="#">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover4.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Black Sun Empire</div>
							<div class="result-title">The Sun VIP (ft. Concord Dawn)</div>
							<div class="result-meta">6:26 &nbsp; <a href="#">youtube.com</a> &nbsp; hiphop &nbsp; dance</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#">cue left</a></div>
								<div class="cue-right"><a href="#">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover5.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Roni Size</div>
							<div class="result-title">Rise Up</div>
							<div class="result-meta">4:55 &nbsp; <a href="#">youtube.com</a> &nbsp; electronic &nbsp; drumnbass</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#">cue left</a></div>
								<div class="cue-right"><a href="#">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover6.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Chase &amp; Status</div>
							<div class="result-title">Take Me Away</div>
							<div class="result-meta">4:28 &nbsp; <a href="#">youtube.com</a> &nbsp; breakbeat &nbsp; dance</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#">cue left</a></div>
								<div class="cue-right"><a href="#">cue right</a></div>
							</div>
						</div>
						<div class="result">
							<div class="result-cover">
								<img src="images/cover1.png" width="57" height="56" alt="" />
							</div>
							<div class="result-artist">Pendulum</div>
							<div class="result-title">Hold Your Color</div>
							<div class="result-meta">4:40 &nbsp; <a href="#">youtube.com</a> &nbsp; drumnbass &nbsp; dance</div>
							<div class="result-controls">
								<div class="addto-playlist"><a href="#">add to playlist</a></div>
								<div class="cue-left"><a href="#">cue left</a></div>
								<div class="cue-right"><a href="#">cue right</a></div>
							</div>
						</div>
					</div>
				</div>				
				<div class="clear"></div>
				<div id="sitemap">
					<img src="images/logo-small.png" width="85" height="28" alt="vdjo.com" /><br/>
					<ul class="first">
						<li><span>Organisation</span></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Jobs</a></li>
						<li><a href="#">Resources</a></li>
						<li><a href="#">Disclaimer</a></li>
					</ul>
					<ul>
						<li><span>Your vdjo.com</span></li>
						<li><a href="#">My Profile</a></li>
						<li><a href="#">Enhance</a></li>
						<li><a href="#">Register</a></li>
					</ul>
					<ul>
						<li><span>Developers</span></li>
						<li><a href="#">Starters guide</a></li>
						<li><a href="#">Streams</a></li>
						<li><a href="#">API</a></li>
					</ul>
					<ul class="last">
						<li><span>Promotion</span></li>
						<li><a href="#">Help promote!</a></li>
						<li><a href="#">Banners &amp; Logos</a></li>
					</ul>
					<div class="clear"></div>
				</div>
			</div>
			<div id="wrapper-lower"></div>
		</div>
		
	</body>
</html>
